<template>
  <div>
    <p>加载中...</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      latitude: null,
      longitude: null
    };
  },
  mounted() {
    this.getCurrentPosition();
  },
  methods: {
    // locateWithoutMap() {
    //   // 使用Leaflet的定位功能但不渲染地图
    //   const map = L.map(document.createElement('div')); // 创建虚拟地图容器
      
    //   map.locate({
    //     setView: false, // 不调整视图
    //     watch: false,   // 不持续观察
    //     maxZoom: 16,
    //     timeout: 10000
    //   })
    //   .on('locationfound', e => {
    //     this.latitude = e.latlng.lat
    //     this.longitude = e.latlng.lng
    //     this.axios.post('/nearby',this.qs.stringify({latlng:this.latitude+','+this.longitude}),{emulateJSON:true})
    //     .then((response) =>{
    //         let id =response.data.data.id;
    //         this.$router.replace('/scenic?id='+id)
    //     },(error) =>{
    //         console.log(error)
    //     })
    //   })
    //   .on('locationerror', e => {

    //   });
    // }
    getCurrentPosition() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(
          this.handleSuccess,
          this.handleError
        );
      } else {
        this.$router.replace('/list')
      }
    },
    handleSuccess(position) {
      this.latitude = position.coords.latitude;
      this.longitude = position.coords.longitude;
      this.axios.post('/nearby',this.qs.stringify({latlng:this.latitude+','+this.longitude}),{emulateJSON:true})
      .then((response) =>{
          let id =response.data.data.id;
          this.$router.replace('/scenic?id='+id)
      },(error) =>{
          this.$router.replace('/list')
      })
    },
    handleError(error) {
      this.$router.replace('/list')
      console.error("Error Code: " + error.code + " - " + error.message);
    }
  }
};
</script>
